<template>
  <div class="basis">
    <div class="basisbox">
      <ul>
      <router-link :to="{name:'paycost'}">
          <li class="basison1">
          <p><img src="../../assets/home/basisicon1.png"></p>
          <p><a href="">缴费</a></p>
        </li>
      </router-link>
       <router-link :to="{name:'vehicleAccess'}">
          <li class="basison2">
          <p><img src="../../assets/home/basisicon2.png"></p>
          <p><a href="">车辆进出场</a></p>
        </li>
       </router-link>
        <li class="basison1">
          <p><img src="../../assets/home/basisicon3.png"></p>
          <p><a href="">会议室预订</a></p>
        </li>
       <router-link :to="{name:'houseRent'}">
          <li class="basison2">
          <p><img src="../../assets/home/basisicon4.png"></p>
          <p><a href="">房产租赁</a></p>
        </li>
       </router-link>
        <li class="basison1">
          <p><img src="../../assets/home/basisicon5.png"></p>
          <p><a href="">检测代办</a></p>
        </li>
        <li class="basison2">
          <p><img src="../../assets/home/basisicon6.png"></p>
          <p><a href="">企业融资</a></p>
        </li>
      </ul>
    </div>
  </div>	
</template>
<script>
export default {
  data() {
    return {
      list: [
        {
          icon: require('../../assets/icon3.png'),
          name: '车辆进出场',
          dir: '车辆驶入车道，触发地感；监控摄像机抓拍车辆图像，自动识别车牌号，管理软件分析检索数据库的车辆类别。'
        },
        {
          icon: require('../../assets/icon4.png'),
          name: '缴费',
          dir: '车辆驶入车道，触发地感；监控摄像机抓拍车辆图像，自动识别车牌号，管理软件分析检索数据库的车辆类别。'
        },
        {
          icon: require('../../assets/icon5.png'),
          name: '房产租赁',
          dir: '车辆驶入车道，触发地感；监控摄像机抓拍车辆图像，自动识别车牌号，管理软件分析检索数据库的车辆类别。'
        },
        {
          icon: require('../../assets/icon6.png'),
          name: '会议室预定',
          dir: '车辆驶入车道，触发地感；监控摄像机抓拍车辆图像，自动识别车牌号，管理软件分析检索数据库的车辆类别。'
        },
        {
          icon: require('../../assets/icon7.png'),
          name: '报事报修',
          dir: '车辆驶入车道，触发地感；监控摄像机抓拍车辆图像，自动识别车牌号，管理软件分析检索数据库的车辆类别。'
        },
      ]
    }
  }
}
</script>